<template>
  <div class="body">
    <div class="top">
      <img src="@/assets/Cerditcar/lkyh/banner.png" alt="" @click="fun()" />
    </div>
    <div class="center">
      <div class="huitiao">
        <h4>惠赚</h4>
      </div>
      <div class="neirong">
        <img src="@/assets/Cerditcar/lkyh/sjf.png" alt="" />
        <img src="@/assets/Cerditcar/lkyh/wxzf.png" alt="" />
      </div>
      <div class="huitiao">
        <h4>惠吃</h4>
      </div>
      <div class="neirong">
        <img src="@/assets/Cerditcar/lkyh/lyf.png" alt="" />
        <img src="@/assets/Cerditcar/lkyh/mdl.png" alt="" />
        <img src="@/assets/Cerditcar/lkyh/mtpt.png" alt="" />
        <img src="@/assets/Cerditcar/lkyh/rxkf.png" alt="" />
        <img src="@/assets/Cerditcar/lkyh/xbk.png" alt="" />
        <img src="@/assets/Cerditcar/lkyh/wxzf.png" alt="" style="opacity: 0;"/>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    fun() {
      this.$router.push("/carhome");
    },
  },
};
</script>

<style lang="scss" scoped>
.top {
  width: 100%;
  img {
    width: 100%;
    display: block;
  }
}
.center {
  width: 100%;
  .huitiao {
    width: 100%;
    height: 0.26rem;
    background: #dedede;
    overflow: hidden;
    h4 {
      color: #676767;
      padding-left: 0.1rem;
      border-left: 0.03rem solid #454545;
      margin-left: 0.1rem;
      margin-top: 0.02rem;
    }
  }
  .neirong {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    img {
      width: 50%;
      display: block;
    }
  }
}
</style>